body {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.container {
    width: 1200px;
    background: white;
    margin-left: auto;
    margin-right: auto;
}

.container #content #left {
    margin-left: 20px;
}

.container #content {
    display: flex;
}

.container #content #middle {
    margin-left: 30px;
    margin-top: 20px;
    width: 700px;
}

.NovelType {
    border: 1px solid darkred;
    height: 30px;
    width: 70px;
    border-radius: 25px;
    margin-left: 10px;
}

.NovelType div {
    line-height: 30px;
    text-align: center;
}

#button_1 {
    margin-top: 20px;
    line-height: 5px;
    border: 1px solid darkred;
    background-color: darkred;
    width: 70px;
}

#button_2 {
    margin-left: 30px;
    margin-top: 20px;
    line-height: 30px;
    border: 1px solid darkred;
    background-color: white;
    width: 70px;
}

#button_3 {
    margin-left: 30px;
    margin-top: 20px;
    line-height: 30px;
    border: 1px solid darkred;
    background-color: white;
    width: 70px;
}

#read {
    text-align: center;
    color: white;
    text-decoration: none;
}

#insert {
    line-height: 30px;
    text-align: center;
}

#button_3 div {
    line-height: 30px;
    text-align: center;
}

#content1 {
    display: flex;
}

#left1 {
    margin-left: 45px;
    margin-top: 18px;
    display: flex;
}

.button2 {
    width: 160px;
}

.button2 span {
    font-size: 28px;
    font-weight: bold;
}

#introduce {
    margin-left: 40px;
    width: 700px;
}

#AuthorName {
    width: 160px;
}

#AuthorName div {
    margin-left: 30px;
    font-size: 15px;
    font-weight: bold;
}

#content2 {
    display: flex;
}

#AuthorInfo {
    margin-top: 20px;
    width: 220px;
}

#left2 {
    margin-left: 45px;
}

.like span {
    font-size: 22px;
    font-weight: bold;
}

#LikeImg {
    margin-left: 80px;
    margin-top: 20px;
    display: flex;
}

#LikeImg div {
    width: 200px;
}

#LikeImg div span {
    font-size: 18px;
    display: block;
}

#Others {
    margin-left: 40px;
    margin-top: 30px;
}

#Others span {
    font-size: 18px;
}

footer {
    display: flex;
}

#talk {
    width: 800px;
    margin-left: 45px;
}

#TalkTitle a {
    font-size: 22px;
    font-weight: bold;
}

#talk ul li {
    /*height: 20px;*/
    /*list-style-image: url("../image/sc5.png");*/
    font-size: 14px;
    list-style: none;
    color: red;
    /*text-decoration: none;*/
    /*background-image: url(../image/lineH_1.gif);*/
    /*background-position: 50% bottom;*/
    /*background-repeat: repeat-x;*/
}

#username {
    margin-left: 15px;
    margin-top: 5px;
}

#username .talkcontent {
    color: black;
}

#username .spanstyle {
    color: grey;
}

#RecommendTitle {
    font-size: 22px;
    font-weight: bold;
}

#Recommend {
    width: 250px;
    height: 500px;
    margin-left: 50px;
    margin-top: 5px;
    background-color: azure;
}

#Recommend ul li {
    height: 50px;
    font-size: 14px;
    list-style: none;
    text-decoration: none;
    background-image: url(../image/lineH_1.gif);
    background-position: 50% bottom;
    background-repeat: repeat-x;
}

#catalog:visited {
    color: black;
}

#catalog:hover {
    color: red;
}

#detail:visited {
    color: black;
}

#detail:hover {
    color: red;
}

.button2 a {
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
}

.button2 a:visited {
    color: black;
}

.button2 a:hover {
    color: red;
}

#TalkTitle a {
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
}

.talkcontent a {
    text-decoration: none;
}

#Bottom_content_1 {
    margin-left: 45px;
    margin-top: 18px;
}

.button2 a {
    text-decoration: none;
    font-size: 28px;
    font-weight: bold;
}

.chapter_name {
    width: 350px;
    position: relative;
    float: left;
    height: 50px;
}

.chapter_name li {
    list-style: none;
    background-image: url(../image/lineH_1.gif);
    background-position: 50% bottom;
    background-repeat: repeat-x;
}
